// Place all the styles related to the Usuarios/Medico controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.visualizar_medico, .editar_medico, .novo_medico {
  border: #2D4B17 solid 0.5px; 
  border-radius: 10px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;

}

.listar_busca {
  float:left;
  border: #2D4B17 solid 0.5px;
  border-radius: 10px;
  width: 200px;
  padding: 10px;
}

.listar_table_area {
  float:right;
  width: 650px;
  padding: 10px;
  border: #2D4B17 solid 0.5px;
  border-radius: 10px;
}

.listar_table {
  border-collapse: collapse;
  width: 100%;
}

.listar_table_head {
  border-bottom: #2D4B17 solid 1px;
  text-align: left;
}

td.listar_table_conteudo {
  border-bottom: #2D4B17 solid 0.5px;
}

td.listar_table_imagem {
  border-bottom: #2D4B17 solid 0.5px;
}

td.listar_table_imagem img{
  width: 20px;
  height: 20px;
}

td.listar_no_results {
  padding: 5px;
}

.titulo {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  padding: 20px;
}

table.table_dados {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

td.table_label {
  width: 100px;
  font-weight: bold;
}

td.table_conteudo {
  width: 200px;
}

td.table_info {
  font-size: 80%;
  color: #808080;
}

td.table_erro {
  font-size: 80%;
  color: #FF0000;
}

.medico_foto img {
  height: auto;
  width: 215px;
}

.button {
  text-align: right;
  padding: 10px;
}

.button input {
  border: none;
  border-radius: 10px;
  background-color: #9BC9A8;
  color: #1A4A28;
  font-weight: bold;
  cursor: pointer;
}

.paginacao {
  padding: 10px;
  text-align: center;
}

.paginacao a {
  padding: 0 10px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 80%;
  font-weight: bold;
  color: #1A4A28;
  background-color: #9BC9A8;
}

.paginacao .current {
  padding: 0 10px;
  border-radius: 10px;
  font-size: 80%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #9BC9A8;
}

.paginacao .disabled {
  padding: 0 10px;
  border-radius: 10px;
  font-size: 80%;
  font-weight: bold;
  color: #707070;
  background-color: #D0D0D0;
}

.notice {
  color: #2D4B17;
  background-color: #DDFFDD;
  border-radius: 10px;
  border: 0.5px solid #2D4B17;
  margin: 0 0 10px;
  padding: 10px;
}

.alert {
  color: #FF0000;
  background-color: #FFDDDD;
  border-radius: 10px;
  border: 0.5px solid #8B2C17;
  margin: 0 0 10px;
  padding: 10px;
}

.mouseover_msg {
  position:absolute;
  border: #2D4B17 solid 0.5px; 
  border-radius: 10px;
  background-color: #EEFFEE;
  padding: 3px;
  font-size: 12px;
}
